.guideLight {
    box-shadow: none;
}
.introjs-tooltip {
    background-color: var(--background);
    box-shadow: var(--shadowColor) 0px 2px 8px;
}
.guideText {
    .introjs-tooltip-header{
        color: var(--color);
    }
    .introjs-skipbutton {
       color:   var(--color) ; 
       font-size: 14px;
       right: 10px;
       &:hover {
        color: var(--active-color);
       }
    }
    .introjs-tooltiptext {
        text-indent: 2rem;
        padding: 10px 20px;
    }
    .introjs-bullets {
        padding-top: 0px;
    }
    .introjs-nextbutton,.introjs-prevbutton {
        &:hover {
            background-color: var(--active-color);
            color: #fff;
            border: 0px;
            text-shadow: none;
        }
    }
    .introjs-bullets ul li a.active {
        background-color: var(--active-color);
    }
}
.introjs-helperLayer {
    border: 1px solid var(--color);
    z-index: 99999999;
}